<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>永和大王 </title>
		<style>
			body {
				font-size: 8px;
				width: 280px;
			}

			.please {
				font-size: 28px; //字体大小为28px
			}

			.self {
				//align-items: center;
				padding-left: 110px; //距离页面左边空110个像素距离
			}

			.mid {
				align: center;
			}

			.note {
				padding-top: 20px;
			}

			.img {
				padding-top: 20px;
				padding-left: 65px;
			}
		</style>
	</head>
	<body>
		<div>顾客联</div>
		<div class="please">请您留意取餐账单</div>
		<div class="self">自取顾客联</div>
		<div>永和大王</div>
		<div>010-12334567</div>
		<div class="self">--结账单--</div>
		<div class="please">账单号</div>
		<div>账单号: P00008</div>
		<div>请您留意取餐账单</div>
		<div>账单类型：堂食</div>
		<div>人数：1人</div>
		<div>收银员：张静</div>
		<div>2020-08-10 10：51：51</div>
		<div>2020-08-10 10：51：51</div>
		<div>
			<table>
				<!-- //tr是一行。行内的内容用td/包含， -->
				<tr>
					<td width="30" align="center">数量</td>
					<td width="170" align="left">品质</td>
					<td width="30" align="center">金额</td>
				</tr>
				<tr>
					<td valign="top">1</td>
					<td>豆浆油条套餐<br />
						1 X --无矾油条<br />
						1 X --现磨豆浆(热/甜)
					</td>
					<td valign="top" align="right">
						7.00
					</td>

				</tr>

			</table>
			<hr style="border: dashed 1px;" />
			<table>
				<!-- //tr是一行。行内的内容用td/包含， -->
				<tr>
					<td width="206">支付宝花呗一元早餐&nbsp &nbsp &nbsp 1</td>
					<td width="30" align="right">-3.00</td>
				</tr>
				<tr>
					<td width="206">合计</td>
					<td width="30" align="right">4.00</td>
				</tr>
				<tr>
					<td width="206">支付宝</td>
					<td width="30" align="right">1.00</td>
				</tr>
				<tr>
					<td width="206">支付宝补贴</td>
					<td width="30" align="right">3.00</td>
				</tr>

				<!-- 
				<tr>
					<td>
						支付宝花呗一元早餐<br />
						合计<br />
						支付宝<br />
						支付宝补贴
					</td>
					<td valign="top">1</td>
					<td width="30">-3.00<br />
						4.00<br />
						1.00<br />
						3.00
					</td>
				</tr> -->

			</table>
			<hr style="border: dashed 1px;" />
			<div>2020-08-10 10：51：51</div>
			<hr style="border: dashed 1px;" />
		</div>
		<div class="note">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;根据相关税法规定，电子发票的开票日期同网上申请电子发票的日期，如您需要当日的电子发票请务必在消费当日通过扫描下方二维码，根据指引步骤开具您的增值税电子普通发票。此二维码30天有效，扫描时请保持小票平整。
		</div>
		<div class="img">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<img src="img/earth.png" />
			<!-- <img src="./img/123.png" class="img"/> -->
		</div>
		<div>官网：www.yonghe.com.cn</div>
		<div>加盟热线：86-21-60769397 或 86-21-60799002</div>
		<br />
	</body>
</html>
